<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML5编程</title>
    <style>
        h1 {
            text-align: center;
        }
        
        li {
            /* block,inline,none */
            display: inline;
        }
        
        h3 {
            /* hidden,visible */
            visibility: visible;
        }
        
        .my-div {
            background-color: blue;
            /* inline 内联 */
            display: inline;
        }
        
        .my-span {
            background-color: red;
            /* 块级 */
            display: block;
        }
    </style>

</head>

<body>
    <h1>BookYourHotel</h1>
    <ul>
        <li>
            <a href="aboutus.html">About Us</a>
        </li>
        <li>
            <a href="rooms.html">Rooms</a>
        </li>
        <li>
            <a href="facilities.hmtl">Facilities</a>
        </li>
        <li>
            <a href="contactus.html">Contact Us</a>
        </li>
    </ul>
    <hr>
    <h3>Welcome to the Home page</h3>
    <p>
        BookYourHotel welcomes you with warmth and a feeling that each guest is truly special. It offers a cozy and intimate experience amidst the glitz and glamour of South America. Our caring and courteous staffs are ever eager to ensure that all individual
        needs are cared for with professional expertise and a personal touch.
    </p>
    <p>
        The rooms have been designed with different floor plans to create individual spaces. We have Deluxe Rooms, Double and Single Rooms each with ensuite Bathrooms fitted with all modern conveniences. All room has AirConditioning and is equipped with well
        stocked Mini-bars, Television with Cable T.V. Conference facilities available for approximately 40 persons. Our multi-cuisine restaurant offers, a plethora of tasty local and international dishes to satisfy all palates. This with the elegant ambience
        makes for a truly unique experience.
    </p>

    <div class="my-div">this is paragraph 1</div>
    <div class="my-div">this is paragraph 2</div>
    <br>
    <span class="my-span">this is paragraph 3</span>
    <span class="my-span">this is paragraph 4</span>
</body>

</html>